
<?php $this->load->view('includes/header'); ?>
<?php $this->load->view('includes/notaventa/js/template.js'); ?>
<?php $this->load->view('includes/notaventa/css/template.css'); ?>
	
	
  
     <style>
   
    #project-label {
        display: block;
        font-weight: bold;
        margin-bottom: 1em;
    }
    #project-icon {
        float: left;
        height: 32px;
        width: 32px;
    }
    #project-description {
        margin: 0;
        padding: 0;
    }
    
    .btn-subtmit-nventa{
    	color:black;
    	background:#999;
    	font-weight: bold;
		padding: 10px 57px;
		font-size: 13px;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		float:right;
    }
     .bg-white{
	 	background:white;
	 	}
    </style>
    <script>
    
    
    var ac_rt_basenotaventa = {
            
        class_form_notaventa: function(){
            
                this.sUrlNames =  '<?php echo base_url(); ?>index.php/common_controller/getJsonCustomers';
                this.sUrlRuts =  '<?php echo base_url(); ?>index.php/common_controller/getJsonCustomersByRut';

                this.setFormData = function(oData){
                   
                    $( ".cli_id_cliente" ).html( oData.item.cli_id_cliente );
                    $( ".cli_nombrecliente" ).html( oData.item.cli_nombrecliente );
                    $( ".cli_rutcliente" ).html( oData.item.cli_rutcliente );
                    $( ".cli_comunacliente" ).html( oData.item.cli_comunacliente );
                    $( ".cli_direccioncliente" ).html( oData.item.cli_direccioncliente );
                    $( ".cli_giro" ).html( oData.item.cli_giro );
                    $( ".cli_fonocliente" ).html( oData.item.cli_fonocliente );
                    $("input[name='cli_id_cliente']").val(oData.item.cli_id_cliente);
                    $("input[name='cli_nombrecliente']").val(oData.item.cli_nombrecliente);
                    $("input[name='cli_rutcliente']").val(oData.item.cli_rutcliente);
                    $("input[name='cli_comunacliente']").val(oData.item.cli_comunacliente);
                    $("input[name='cli_direccioncliente']").val(oData.item.cli_direccioncliente);
                    $("input[name='cli_giro']").val(oData.item.cli_giro);
                    $("input[name='cli_fonocliente']").val(oData.item.cli_fonocliente);
                }
        } 
    }
    
    $(function() {
        
        var oNot = new  ac_rt_basenotaventa.class_form_notaventa();
        
        
        $( "#cli_nombrecliente" ).autocomplete({
            minLength: 0,
            source: oNot.sUrlNames,
            focus: function( event, el ) {
                console.info('cli_nombrecliente - focus');
                $( "#cli_nombrecliente" ).val( el.item.cli_nombrecliente );
                return false;
            },
            select: function( event, el ) {
                oNot.setFormData(el);
                $('#cli_rutcliente').val('');
                return false;
            }
        })
        .data( "autocomplete" )._renderItem = function( ul, item ) {
            return $( "<li>" )
                .data( "item.autocomplete", item )
                .append( "<a>" + item.cli_nombrecliente + "<br>" + item.cli_rutcliente + "</a>" )
                .appendTo( ul );
        };
        
        
          $( "#cli_rutcliente" ).autocomplete({
            minLength: 0,
            //source: "  ",
            source: oNot.sUrlRuts,
            focus: function( event, ui ) {
                $( "#cli_rutcliente" ).val( ui.item.cli_rutcliente );
                return false;
            },
            select: function( event, ui ) {
                console.info(ui.item);
                oNot.setFormData(ui);
                $('#cli_nombrecliente').val('');
                return false;
            }
        })
        .data( "autocomplete" )._renderItem = function( ul, item ) {
            return $( "<li>" )
                .data( "item.autocomplete", item )
                .append( "<a>" + item.cli_nombrecliente + "<br>" + item.cli_rutcliente + "</a>" )
                .appendTo( ul );
        };
        
        
        
       
        
    });
    
    $(document).ready(function(){ 
        var dStaticValorUF = 22296.19;
        var iPresicion = 2;
        
         $(".input-pesos").live('blur',function(){
             	var iValorPesos = ($(this).val()!='' && !isNaN($(this).val()))?$(this).val():'';
               
               if(iValorPesos != '')
                    $(this).parent().prev().find('.input-uf').val((iValorPesos/dStaticValorUF).toFixed(iPresicion));
                else
                $(this).parent().prev().find('.input-uf').val('');
                //var dValorUF = ($(this).parent().prev().find('.input-uf').val()!='')?$(this).parent().prev().find('.input-uf').val():0; 
               
            getTotalPesos();
            getTotalUf();    
        });
           
        $(".input-uf").live('blur',function(){
             	var dValorUF = ($(this).val()!='' && !isNaN($(this).val()))?$(this).val():'';
               
               if(dValorUF != '')
                    $(this).parent().next().find('.input-pesos').val((dValorUF*dStaticValorUF).toFixed(iPresicion));
                else
                    $(this).parent().next().find('.input-pesos').val('');
                //var dValorUF = ($(this).parent().prev().find('.input-uf').val()!='')?$(this).parent().prev().find('.input-uf').val():0; 
               
            getTotalPesos();
            getTotalUf();    
        });   
           
               
               
        function getTotalUf(){
        	var iTotalPesos = 0;
            var dTotalUf = 0;
        	$.each($('.table-uno').find('.input-uf'), function(e){
        	   var dValorUF	    = ($(this).val()!='')?$(this).val():0;
               iValorPesos  = ($(this).parent().prev().find('.input-pesos').val()!='')?$(this).parent().prev().find('.input-pesos').val():0; 
               
		        if(dValorUF != 0){
		          dValorUF = parseFloat(dValorUF);
    			  
                }
                dTotalUf += parseFloat(dValorUF);	
        				
        		});
                
        
        	$('.total-uf').val(dTotalUf);
        }     
               
               
                
        function getTotalPesos(){
        	var fTotalPesos = 0;
            var dTotalUf = 0;
        	$.each($('.table-uno').find('.input-pesos'), function(e){
        		fValorPesos = ($(this).val()!='')?$(this).val():0;
                dValorUF = ($(this).parent().prev().find('.input-uf').val()!='')?$(this).parent().prev().find('.input-uf').val():0; 
               
		        if(fValorPesos != 0){
		          fValorPesos = parseFloat(fValorPesos);
                  
                }
                fTotalPesos += parseFloat(fValorPesos);	
        				
        		});
                
        
        	$('.total-pesos').val(parseInt(fTotalPesos));
        }
                
    });
    
       
    </script>

    
  </head>

  <body>

	<div class="container bg-white">
	
			<!-- Inicio header -->
			<div class="header">
							<!-- Inicio navbar -->
						 	<div  class="navbar navbar-fluid">
		                        <div class="navbar-inner">
		                            <div class="container" style="width: auto;">
		                                <a class="brand" href="#">Ratacom </a>
		                                <ul class="nav">
		                                    
		                                    <li class=""><a href="notaventa">Nueva Notaventa</a></li>
		                                    <li class="dropdown">
		                                      <!-- customer menu -->
		                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Clientes <b class="caret"></b></a>
		                                        <ul class="dropdown-menu">
		                                             <li><a href="<?php echo base_url(); ?>index.php/customer/listCustomer">Lista de clientes</a></li>
		                                            <li><a href="<?php echo base_url(); ?>index.php/customer/addCustomer">A�adir cliente</a></li>
		                                             <li class="divider"></li>
		                                            <li><a href="#">pronto</a></li>
		                                        </ul>
		                                    <!-- customer menu -->
		                                    </li>
		                                </ul>
		                                <form class="navbar-search pull-left" action="#" style="width:160px">
		                                    <!-- <input type="text" class="search-query span2" placeholder="buscar" style="width:160px"> -->
		                                </form>
		                                <ul class="nav pull-right">
		                                    <li><a href="<?php echo base_url(); ?>index.php/verifylogin/logout">Salir</a></li>
		                                    <li class="divider-vertical"></li>
		                                  
		                                </ul>
		                            </div>
		                        </div>
		                    </div>
                    		<!-- Fin navbar -->
		                    
		             </div><!-- Fin header -->
		                    
		  <div class="container-fluid" >      
		      <form  name="formnotaventa" action="<?php echo base_url(); ?>index.php/notaventa/process" method="POST" >
		      
		
		
			<input type="hidden" name="cli_id_cliente" class="cli_id_cliente" />
			<input type="hidden" name="cli_nombrecliente" class="cli_nombrecliente" />
			<input type="hidden" name="cli_rutcliente" class="cli_rutcliente"/>
			<input type="hidden" name="cli_comunacliente" class="cli_comunacliente"/>
			<input type="hidden" name="cli_direccioncliente" class="cli_direccioncliente" /> 
			<input type="hidden" name="cli_giro" class="cli_giro"/>
			<input type="hidden" name="cli_fonocliente" class="cli_fonocliente"/>
		
		
		      
		      
		      <legend>Nota Venta</legend>
		      Correlativo: <?php echo $iCorrelativo; ?>
		      <div class="row-fluid">
		        <div class="span12">
		        
		        
		
		
		          <div class="row-fluid span11">
				         <table class="table table-bordered">
				            <tr>
				                <td>Cliente<br /><hr class="hr-table">
				                <td></td>
				            </tr>
				           <tr>
				                <td>Nombre <i class="icon-search"></i>&nbsp;<input type="text" name="search" id="cli_nombrecliente" class="span5" /></td>
				                <td style="width: 240px;">Rut <i class="icon-search"></i>&nbsp;<input type="text" name="search" id="cli_rutcliente" class="span6" /></td>
				            </tr>
				            <tr>
				                <td class="td-grey cli_nombrecliente">&nbsp;</td>
				                <td class="td-grey cli_rutcliente">&nbsp;</td>
				            </tr>
				            <tr>
				                <td>Dirección</td>
				                <td >Comuna</td>
				            </tr>
				            <tr >
				                <td class="td-grey cli_direccioncliente">&nbsp;</td>
				                <td class="td-grey cli_comunacliente">&nbsp;</td>
				            </tr>
				            <tr>
				                <td>Fono</td>
				                <td>Giro</td>
				            </tr>
				            <tr >
				                <td class="td-grey cli_fonocliente">&nbsp;</td>
				                <td class="td-grey cli_giro">&nbsp;</td>
				            </tr>
				          </table>
		          </div>         <!-- end table customer -->
		         
		          
		         <hr/> 
		          
		           <div class="row-fluid span11" style="margin-left: 0px;"> 
		          <table class="table-striped table-uno table table-bordered">
		            <tr>
		                <th colspan="5" class="th-white" >Servicios<br /><hr class="hr-table"></th>
		                
		                
		            </tr>
		            
		            <tr>
		               
		                <th colspan="2" style="padding-left:42px;">Servicio <img src="http://localhost/ratacom/assets/img/agregar-icono-5633-32.png" width="20" class="plus-green other-row"></th>
		               <!-- <th >Frec.</th> -->
		                <th style="width: 150px;" >Valor en UF</th>
		                <th style="width: 150px;" >Valor en pesos</th>
		            </tr>
		            <tr class="row-service">
		                <td style="width: 24px;"><i class="icon-minus"></i></td>
		                <td > <select name="services[]" class="select-services span7">
		                            <option value="undefined">Seleccione...</option>
		                            <option value="1">Desratizacion</option>
		                            <option value="2">Desinsectacion</option>
		                            <option value="3">Sanitacion</option>
		                            <option value="4">Control Murcielagos</option>
		                        </select>
		                </td>
		                <!-- <td ><select name="frecuencia[]" class="select-frecuencia span12">
		                            <option value="undefined">Seleccione...</option>
		                            <option value="1">Mensual</option>
		                            <option value="2">Bimensual</option>
		                            <option value="3">Trimestral</option></option>
		                            <option value="4">Cuatrimestral</option>
		                        </select></td> -->
		                <td ><input type="text" name="valor_uf[]" class="input-table input-uf" /><span class="bold">UF</span></td>
		                <td ><span class="bold">$ </span><input type="text" name="valor_pesos[]" class="input-table input-pesos" /></td>
		                
		            </tr>
		            <tr>
		                <td class="white-bg" style="background: white;"></td>
		                <td class="white-bg" style="background: white;">Sub-total</td>
		                <td class="total-font white-bg" style="background: white;"><input type="text" name="subtotal_UF" class="input-table num-total total-uf"  />UF</td>
		                <td class="total-font white-bg" style="background: white;"><span class="bold">$ </span><input type="text" name="subtotal_pesos" class="input-table num-total total-pesos" /></td>
		                
		            </tr>
		            
		          </table>
		          
		          
		       <div class="row nota-venta">
		        <div class="span3">
		          <h5 class="nota-h4">visitas</h5>
		          <hr class="nota-detalle" >
		          <label>Cantidad de visitas</label>
		          <select class="span4">
		            <option>1</option>  
		            <option>2</option>
		          </select>
		          
		        </div>
		        <div class="span3">
		       <h5 class="nota-h4">Convenio</h5>
		          <hr class="nota-detalle" >
		          <label>Tipo de convenio</label>
		          <select class="span4">
		            <option>1</option>  
		            <option>2</option>
		          </select>
		       </div>
		        <div class="span3">
		         <h5 class="nota-h4">Forma de pago</h5>
		          <hr class="nota-detalle" >
		          <label>Forma de pago</label>
		          <select class="span4">
		            <option>1</option>  
		            <option>2</option>
		          </select>
		        </div>
		      </div>
		     
		     <!-- row-->     
		     <div class="row nota-venta">
		        <div class="span2 row-misc main">
		          <h5 class="nota-h4">Observaciones</h5>
		          <hr class="nota-detalle">
		         
		         <textarea rows="4" cols="200" class="span10"></textarea>
		        </div>
		        
		        <div class="span2 row-misc two">
		       <h5 class="nota-h4">Convenio</h5>
		          <hr class="nota-detalle">
		          <label>Tipo de convenio</label>
		          <select class="span4">
		            <option>1</option>  
		            <option>2</option>
		          </select>
		       </div>
		       
		      </div>
		      <!-- row-->    
		            
		      
		          <input type="submit" class="btn-subtmit-nventa" name="submit" value="Guardar"/>
		          </div><!--/span-->
		          
		                
		        </div><!--/span-->
		        
		               
		      </div><!--/row-->
		      
		
		     
		
		    
		
		
		    </form>
		
		    </div>
  	</div><!-- end main container -->
</body>
</html> 
